 /** 基础通用 **/
 html,body{
    height:100%;
}
 .pt5 {
     padding-top: 5px;
 }
 
 .pr5 {
     padding-right: 5px;
 }
 
 .pb5 {
     padding-bottom: 5px;
 }
 
 .mt5 {
     margin-top: 5px;
 }
 
 .mr5 {
     margin-right: 5px;
 }
 
 .mb5 {
     margin-bottom: 5px;
 }
 
 .mb8 {
     /* margin-bottom: 8px; */
 }
 
 .ml5 {
     margin-left: 5px;
 }
 
 .mt10 {
     margin-top: 10px;
 }
 
 .mr10 {
     margin-right: 10px;
 }
 
 .mb10 {
     margin-bottom: 10px;
 }
 
 .ml0 {
     margin-left: 10px;
 }
 
 .mt20 {
     margin-top: 20px;
 }
 
 .mr20 {
     margin-right: 20px;
 }
 
 .mb20 {
     margin-bottom: 20px;
 }
 
 .m20 {
     margin-left: 20px;
 }
 
 .el-dialog:not(.is-fullscreen) {
     margin-top: 6vh !important;
 }
 
 .el-table .el-table__header-wrapper,
 .el-table__fixed-header-wrapper th {
     word-break: break-word;
     background-color: #f8f8f9;
     color: #515a6e;
     /* height: 40px; */
     font-size: 13px;
 }
 
 .el-table .el-table__body-wrapper .el-button [class*="el-icon-"]+span {
     margin-left: 1px;
 }
 /** 表单布局 **/
 
 .form-header {
     font-size: 15px;
     color: #6379bb;
     border-bottom: 1px solid #ddd;
     margin: 8px 10px 25px 10px;
     padding-bottom: 5px
 }
 /** 表格布局 **/
 
 .pagination-container {
     position: relative;
     height: 25px;
     margin-bottom: 10px;
     margin-top: 15px;
     padding: 10px 20px !important;
 }
 /* tree border */
 
 .tree-border {
     margin-top: 5px;
     border: 1px solid #e5e6e7;
     background: #FFFFFF none;
     border-radius: 4px;
 }
 
 .pagination-container .el-pagination {
     right: 0;
     position: absolute;
 }
 
 .el-table .fixed-width .el-button--mini {
     color: $main-color;
     padding-left: 0;
     padding-right: 0;
     width: inherit;
 }
 
 .el-tree-node__content>.el-checkbox {
     margin-right: 8px;
 }
 
 .list-group-striped>.list-group-item {
     border-left: 0;
     border-right: 0;
     border-radius: 0;
     padding-left: 0;
     padding-right: 0;
 }
 
 .list-group {
     padding-left: 0px;
     list-style: none;
 }
 
 .list-group-item {
     border-bottom: 1px solid #e7eaec;
     border-top: 1px solid #e7eaec;
     margin-bottom: -1px;
     padding: 11px 0px;
     font-size: 13px;
 }
 
 .pull-right {
     float: right !important;
 }
 
 .el-card__header {
     padding: 14px 15px 7px;
     min-height: 40px;
 }
 
 .el-card__body {
     padding: 11px 20px 20px 20px;
 }
 
 .card-box {
     padding-right: 15px;
     padding-left: 15px;
     margin-bottom: 10px;
 }
 /* button color */
 
 .el-button--cyan.is-active,
 .el-button--cyan:active {
     background: #20B2AA;
     border-color: #20B2AA;
     color: #FFFFFF;
 }
 
 .el-button--cyan:focus,
 .el-button--cyan:hover {
     background: #48D1CC;
     border-color: #48D1CC;
     color: #FFFFFF;
 }
 
 .el-button--cyan {
     background-color: #20B2AA;
     border-color: #20B2AA;
     color: #FFFFFF;
 }
 /* text color */
 
 .text-navy {
     color: #1ab394;
 }
 
 .text-primary {
     color: inherit;
 }
 
 .text-success {
     color: #1c84c6;
 }
 
 .text-info {
     color: #23c6c8;
 }
 
 .text-warning {
     color: #f8ac59;
 }
 
 .text-danger {
     color: #ed5565;
 }
 
 .text-muted {
     color: #888888;
 }
 
 .text-center {
     text-align: center;
 }
 /* image */
 
 .img-circle {
     border-radius: 50%;
 }
 
 .img-lg {
     width: 120px;
     height: 120px;
 }
 
 .avatar-upload-preview {
     position: absolute;
     top: 50%;
     transform: translate(50%, -50%);
     width: 200px;
     height: 200px;
     border-radius: 50%;
     box-shadow: 0 0 4px #ccc;
     overflow: hidden;
 }
 /* 拖拽列样式 */
 
 .sortable-ghost {
     opacity: .8;
     color: #fff!important;
     background: #42b983!important;
 }
 
 .top-right-btn {
     position: relative;
     float: right;
 }
 /* 重写按钮样式 */
 
 .el-button--primary {
     color: #FFF;
     background-color: $main-color;
     border-color:$main-color;
 }
 
 .el-button--primary:focus,
 .el-button--primary:hover {
     background: #5F9FFF;
     border-color: #5F9FFF;
     color: #FFF;
 }
 



.addAgency .el-dialog__body {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.projectManage .el-tabs__nav-wrap::after{
    background-color: white !important;
}
.projectManage .el-tabs__nav-scroll{
    /* text-align: center; */
}
.projectManage .el-tabs__nav{
    float: unset;
    display: inline-block;
}
.el-tabs__item.is-active{
        color: $main-color !important;
}
.el-tabs__item:hover{
    color: $main-color !important;
}
.el-tabs__active-bar{
    background: $main-color !important;
}
.el-pagination.is-background .el-pager li:not(.disabled).active{
    background-color:$main-color !important;
}
.el-button--text{
    color: $main-color !important;
}
.el-dropdown-menu__item:focus, .el-dropdown-menu__item:not(.is-disabled):hover{
    color: $main-color !important;
}
/* .projectManage .el-tabs__content{
    padding: 0 22px !important;
} */

.projectCard .el-card__body{
    padding-bottom: 10px !important;
}

.zoneTask td, .zoneTask th{
    padding: 5px 0;
}
.zoneTask .el-table__row--level-1 td, .zoneTask .el-table__row--level-1 th{
    padding: 3px 0;
}
.zoneTask .el-table__row--level-1 td, .zoneTask .el-table__row--level-1 th.is-leaf {
    border-bottom: 1px solid #FAFAFA;
}
.zoneTask .el-table__row--level-1 {
    background: #F1F2F5;
}
.zoneTask .el-table__row--level-1 .el-checkbox__input{
    display: none;
}

.proZtree .el-color-picker--mini .el-color-picker__trigger {
    height: 15px;
    width: 15px;
    padding: 0px;
}
.proZtree .el-color-picker--mini{
   height: 15px;
}
.proZtree .el-color-picker__icon{
    display: none;
}
.projectManage .el-tabs__content{
    height:100%;
}
.projectManages .el-tabs__content{
    /* height: 380px; */
}
.ol-popup p{
    display: flex;
    display: -webkit-flex; /* Safari */
    justify-content:space-around;
}
.ol-popup p span{
    overflow: hidden;
    text-overflow:ellipsis; white-space: nowrap;
    display: inline-block;
    margin:0px 10px ;
}
.erro-list .el-table td,.erro-list .el-table th{
    padding: 5px 0
}
.erro-list .pagination-container {
    position: relative;
    height: 25px;
    margin-bottom: 5px;
    margin-top: 0px;
    padding: 10px 20px !important;
}
.erro-list .gutter{
    background: rgb(218, 221, 233);
}
.sidebar-container .scrollbar-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    width: 100%;
  }
.el-menu{
    border-right: none;
}
.el-table__body-wrapper{
    max-height: 614px;
    overflow-y: auto;
}

.scrollbar-wrapper{
    .el-tooltip{
        padding: 0 0 !important;
    }
}